<!DOCTYPE html>
<html>
<head>
    <title>注册</title>
    <meta charset="UTF-8">
</head>

<style>
    #photo1{
        position: absolute;
        top: 0px;
        left:0px;
    }
    #frame1{
        background-color: rgba(227, 239, 249, 0.747);
        border-radius: 4px;
        width: 350px;
        height: 500px;
        position:absolute;
        left: 520px;
        top: 40px;
    }
    input[name="id"]{
        appearance: none;
        background-color: rgba(255, 255, 255, 0.799);
        border-radius: 4px;
        border: 0;
        width: 300px;
        height: 30px;
        position:absolute;
        left: 540px;
        top: 170px;
    }
    input[name="pass"]{
        appearance: none;
        background-color: rgba(255, 255, 255, 0.799);
        border-radius: 4px;
        border: 0;
        width: 300px;
        height: 30px;
        position:absolute;
        left: 540px;
        top: 220px;
    }
    #login{
        color: rgba(247, 130, 12, 0.659);
        background-color: rgba(255, 255, 255, 0);
        appearance: none;
        border: 0;
        font-size: 35px;
        position:absolute;
        left: 650px;
        top: 100px;
    }
    #enroll{
        color: blue;
        appearance: none;
        background-color: rgba(255, 255, 255, 0);
        position:absolute;
        border: 0cap;
        font-size: 14px;
        left: 780px;
        top: 350px;
    }
    #enter{
        color: rgba(0, 0, 0, 0.827);
        appearance: none;
        background-color: rgba(255, 247, 212, 0.764);
        width: 300px;
        height: 50px;
        position:absolute;
        border: 0;
        font-size: 20px;
        left: 540px;
        top: 310px;
    }
    l1{
        color: crimson;
        font-size: 14px;
        position:absolute;
        left: 550px;
        top: 270px;
    }

</style>
<body>
<p id="photo1"><img src="https://zs.stu.edu.cn/images/21/06/11/1vtx9km97b/_K012215.jpg" width="1450" height="720"/></p >
<p id="frame1"></p >
<button  id="login">登录</button>
<button onclick="window.location.href='enroll.html'" type="button" id="enroll">注册</button>

<form action="enroll" method="POST">
    <input type="text" placeholder="请输入id"  name="id"/>
    <input type="password" placeholder="请输入密码" name="pass"/>
    <l1>密码确认不正确</l1>
    <button type="submit" id="enter">确定</button>
</form>

</body>
</html>